<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/layui.css" media="all">
        <title>滚动动画</title>
        <script src="js/layui.js"></script>
        <style>
            .showindow{
                top:200px;
                left:200px;
                height: 40px;
                color: antiquewhite;
            }
        </style>
    </head>
    <body style="background:black">

        <div class="showindow">
            <ul class="site-doc-icon site-doc-anim">
                <li>
                    <div class="layui-anim" data-anim="layui-anim-up">从最底部往上滑入</div>
                    <div class="code">layui-anim-up</div>
                </li>
            </ul>
        </div>
    </body>
</html>